<!DOCTYPE html>
<html lang=ch>
<head>
    <meta charset="UTF-8">
    <title>欢迎登录</title>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="public/sui/css/sm.css">
    <script src="public/sui/js/zepto.js"></script>
    <script src="public/js/jquery-3.3.1.min.js"></script>
    <script>
        window.$$=window.Zepto = Zepto;
    </script>
    <script src="public/sui/js/sm.js"></script>
    <style>
        .intro{
            background: url('public/pic/homepage.jpg') no-repeat;
            background-size:100%;
            height: 200px;
            text-align: center;
        }
        .intro .intro_text{
            text-align: center;
            position: relative;
            top: 50px;
        }
        .intro .intro_text .welcome{
        }
        #change_stu,#btn_login{
            margin-top: 10px;
        }
        .notice{
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div class="intro">
        <div class="intro_text">
            <div class="hui-center-title welcome">
                <h1>欢迎登录</h1>
            </div>
            <div class="hui-title sys_name">
                程序设计基础课程交流评价系统
            </div>
        </div>
    </div>
    <div class="content-padded">
        <div class="list-block">
            <ul>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-name"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">账号</div>
                            <div class="item-input">
                                <input type="text" name="num" placeholder="你的账号">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-password"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">密码</div>
                            <div class="item-input">
                                <input type="password" name="psw" placeholder="你的密码">
                            </div>
                        </div>
                    </div>
                </li>
                <li class="hide_box">
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-gender"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">班级</div>
                            <div class="item-input">
                                <select name="class_name">
                                </select>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content-block">
            <div class="login_box">
                <a class="button button-big button-fill button-success" id="change_stu">我是学生</a>
                <a class="button button-big button-fill button-success" id="change_teacher">我是教师</a>
                <a class="button button-big button-fill button-success" id="btn_login">登录</a>
            </div>
            <div class="notice">
                初始密码为账号后六位，请及时修改密码
            </div>
        </div>
    </div>
</body>
<script src="public/js/index.js"></script>
<script src="public/js/md5.js"></script>
<script>

</script>
</html>